<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="ch">
<head>
    <base th:href="${#request.getScheme()}+'://'+${#request.getServerName()}+':'+${#request.getServerPort()}+${#request.getContextPath()}">
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单</title>
    <link rel="stylesheet" type="text/css" th:href="@{/static/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/static/css/userInfo/style.css}">
    <script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
    </script>
</head>
<body style="margin:10px;background-color: white">
<div class="wrapper wrapper-content">

    <div class="layui-row">
        <div class="layui-col-md12" align="center">
                <div style="padding: 50px 30px;color: red"><h2>订单提交成功请尽快付款!</h2>
                订单号：<span id="order_id" th:text="${order_id}"></span>
                </div>
        </div>
        <div class="layui-col-md12">
            <div class="payment-method">
                <div class="order-button-payment" align="center">
                    <h2 style="align-content: center;color: #00A8FF">选择付款方式:</h2>
                    <input type="submit" onclick="weipay()" value="微信支付" style="background: lightgreen;width: 400px;"/>
                </div>
                <div class="order-button-payment" align="center">
                    <input type="button" onclick="alipay()" value="支付宝支付"
                           style="background: deepskyblue; width: 400px;"/>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    function alipay(){
        var order_id = $("#order_id").text();
        window.location.href=basePath+"/pay/alipay?order_id="+order_id;
    }
</script>
<script th:src="@{/static/layui/jquery.min.js}"></script>
<script th:src="@{/static/layui/layui.js}"></script>
<script th:src="@{/static/js/userInfo/orderlist.js}"></script>
</html>